<template>
<div>
	<div  v-for="(item,index) in list" :key="index">
	  <div class="item-title border-bottom"><span class="iconfont books">&#xeb66;</span>{{item.title}}</div>
		<div v-if="item.children">
	       <detail-list :list="item.children" class="item-child"></detail-list>  
		</div>
	</div>
</div>
</template>
<script>
export default {
  name:'DetailList',
  props:{
    list:Array
  }
}
</script>
<style lang="stylus" scoped>
 .ht
   height:1000px
 .item-title
   line-height:0.5rem
   color:$bgColor
   padding:0.2rem
   .books
     padding:0 0.2rem
 .item-child
   padding:0 0.4rem
</style>